<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		
		<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
		<link rel="stylesheet" 
		href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap-theme.min.css" 
		integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ"
		 crossorigin="anonymous">
		 <script src="js/jquery-3.7.0.min.js"></script>
		
		<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
		<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
	</head>
	<body>
		<div class="container">
			<!-- 导航开始 -->
			<nav class="navbar navbar-inverse">
			  <div class="container-fluid">
			    <!-- Brand and toggle get grouped for better mobile display -->
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#">首页</a>
			    </div>
			
			    <!-- Collect the nav links, forms, and other content for toggling -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li class="active">
						<a href="#">手机数码 <span class="sr-only">(current)</span></a>
					</li>
			        <li>
						<a href="#">电脑办公</a>
						</li>
					<li>
						<a href="#">鞋靴箱包</a>
						</li>
					<li>
						<a href="#">香烟酒水</a>
						</li>
			        <li class="dropdown">
			          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">全部分类 <span class="caret"></span></a>
			          <ul class="dropdown-menu">
			            <li><a href="#">手机数码</a></li>
			            <li><a href="#">电脑办公</a></li>
			            <li role="separator" class="divider"></li>
			            <li><a href="#">鞋靴箱包</a></li>
			            <li><a href="#">香烟酒水</a></li>
			          </ul>
			        </li>
			      </ul>
			      <form class="navbar-form navbar-right">
			        <div class="form-group">
			          <input type="text" class="form-control" placeholder="Search">
			        </div>
			        <button type="submit" class="btn btn-default">Submit</button>
			      </form>
				  
			    </div><!-- /.navbar-collapse -->
			  </div><!-- /.container-fluid -->
			</nav>
			<!-- 导航结束 -->
			<!-- 轮播开始 -->
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" date-interval="1000">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
			  </ol>
			
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			    <div class="item active">
			      <img src="img/1.jpg" alt="...">
			      <div class="carousel-caption">
			        <H3>电脑大促销</H3
					<p>电脑特价促销</p>
			      </div>
			    </div>
				<div class="item">
				  <img src="img/2.jpg" alt="...">
				  <div class="carousel-caption">
				    <H3>电脑大促销</H3
					<p>电脑特价促销</p>
				  </div>
				</div>
			    <div class="item">
			      <img src="img/3.jpg" alt="...">
			      <div class="carousel-caption">
			        <H3>电脑大促销</H3
			    	<p>电脑特价促销</p>
			      </div>
			    </div>
			  </div>
			
			  <!-- Controls -->
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
			<!-- 轮播结束 -->
			<!-- 文案开始 -->
			<div class="row">
				<div class="col-md-4">
					<h3>公司简介</h3>
					<p></p>
					<a href="" class="btn-danger">了解更多</a>
				</div>
				<div class="col-md-4">
					<h3>公司简介</h3>
					<p></p>
					<a href="" class="btn-danger">了解更多</a>
				</div>
				<div class="col-md-4">
					<h3>公司简介</h3>
					<p></p>
					<a href="" class="btn-danger">了解更多</a>
				</div>
			</div>
			<!-- 文案结束 -->
		</div>
		
	</body>
</html>